<template>
    <div>
        <SMenu></SMenu>
        <div id="big_search_contain">
            <div class="big_searchcontain1">
                <div class="search_top">
                	<div class="search_t search_t_one" v-show= "pos_con">我的位置：搜索简历</div>
                	<div class="search_t search_t_one" v-show= "pos_res">我的位置：搜索简历 > 搜索结果</div>
                </div>
                <div class="search_top">
                	<div class="search_t search_t_two">
                		<span>您目前还有:<span class="search_t_one_span">【{{surplus}}】</span>份简历可以下载</span>
	               	    &nbsp; &nbsp;
	               	    <span class="search_t_one_buy">联系购买</span>
	               	    &nbsp; &nbsp;
	               	     <span class="search_t_one_say">查看已下载简历</span>
                	</div>
                </div>
                <Condition v-on:condiShow="condiShow" v-show="conditionshow"></Condition>
       			<Result v-show="resultshow"></Result>
            </div>    
        </div>        
    </div>
</template>

<script>
	import SMenu         from     './components/Menu'
	import Condition         from     './components/Condition'
	import Result         from     './components/Result'
	export default {
    	name: 'Search',
    	components: {
    	    SMenu,
    	    Condition,
    	    Result
		},
        data () {
            return {
            	pos_con:true,
            	pos_res:false,
            	condition:false,
            	conditionshow:false,
            	resultshow:true,
            	concise:false,
            	desired_place_of_work:"",
            	recent_company:"",
            	sex:"不限",
            	major:"",
            	experience:"",
            	spake:"",
            	old_age:"",
            	new_age:"",
            	surplus:"022",
            	money:"",
            	type:"",
            	sty:"",
            	keyword:"",
            	keyword_name:"",
            	work_city:"",
            	city_name:"",
            	adress_name:"",
            	industy_name:"",
            	years:"半年",
            	Years:[
            	    {
                        value: '半年',
                        label: '半年'
                    },
                    {
                        value: '一年',
                        label: '一年'
                    }
            	],
            	Ctype:[
            	{
                        value: '小时',
                        label: '小时'
                    },
                    {
                        value: '天',
                        label: '天'
                    },
                    {
                        value: '月',
                        label: '月'
                    },
                    {
                        value: '年',
                        label: '年'
                    }
            	],
            	Scale: [
                    {
                        value: '1-49',
                        label: '1-49'
                    },
                    {
                        value: '50-99',
                        label: '50-99'
                    },
                    {
                        value: '100-499',
                        label: '100-499'
                    },
                    {
                        value: '500-999',
                        label: '500-999'
                    },
                    {
                        value: '1000-2000',
                        label: '1000-2000'
                    },
                    {
                        value: '2000-5000',
                        label: '2000-5000'
                    },
                    {
                        value: '5000-10000',
                        label: '5000-10000'
                    },{
                        value: '1W以上',
                        label: '1W以上'
                    }
                ],
                Edu: [
                    {
                        value: '大专以下',
                        label: '大专以下'
                    },
                    {
                        value: '大专',
                        label: '大专'
                    },
                    {
                        value: '本科',
                        label: '本科'
                    },
                    {
                        value: '硕士',
                        label: '硕士'
                    },
                    {
                        value: '博士',
                        label: '博士'
                    }
                ],
                Language: [
                    {
                        value: '英文',
                        label: '英文'
                    },
                    {
                        value: '德语',
                        label: '德语'
                    }
                ],
                Grade:[
                    {
                        value: '八级',
                        label: '八级'
                    },
                    {
                        value: '六级',
                        label: '六级'
                    },
                    {
                        value: '四级',
                        label: '四级'
                    },
                    {
                        value: '一般',
                        label: '一般'
                    }
                ],
                statu:"在职",
                Status:[
                    {
                        value: '在职',
                        label: '在职'
                    },
                    {
                        value: '已辞职',
                        label: '已辞职'
                    }
                ]
            }
        },
        methods: {
        	condiShow(data){
        		this.pos_con = false
        		this.pos_res = true
        		this.conditionshow = data
        		this.resultshow = true
        	},
        	EditClick(){
        		this.modal1 = true;
        	},
        	SearchClick(){
        	},
			TemplateClick(){
				
			},
			ConciseClick(){
				if(this.condition == true){
					this.concise = true
				}else{
					this.concise = false
				}
			}
        }
    }
</script>

<style>
	#big_search_contain{
		width: 100%;
		height: 1200px;
		background: #F4F4F4;
	}
	.big_searchcontain1{
		width: 1000px;
		position: relative;
		left: 50%;
		margin-left: -500px;
		top: 15px;
	}
	.search_top{
		/*display: flex;*/
		position: relative;
	}
	.search_t_one{
		
	}
	.search_t_two{
		margin-top: 15px;
		/*position: absolute;
		right: 0px;*/
	}
	.search_t_two{
		margin-top: 15px;
		/*position: absolute;
		right: 0px;*/
	}
	.search_t_one_span{
		color: red;
		font-weight: 700;
	}
	.search_t_one_buy,.search_t_one_say{
		color: #2DB7F5;
	}
	.search_t_one_say{
		float: right;
	}
	.search_t_one_buy:hover{
		text-decoration: underline;
		cursor: pointer;
	}
	.search_t_one_say:hover{
		text-decoration: underline;
		cursor: pointer;
	}
</style>